<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>行政处罚行为</title>
    <script src="../../../js/header.js"></script>
    <style>
        html,body,body>div{
            overflow: hidden;
        }
        #unitEntrance{
            margin: 0;
            padding: 0;
        }
        .tab-title{
            font-size: 16px;
            font-weight: bold;
            border-left: 4px solid #0D9AFF;
            font-family: PingFangSC-Medium;
            padding-left:10px;
            margin-bottom: 20px;
        }
        .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #DCDFE6;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 15px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }
    </style>
</head>
<body>
<div id="firstpage" style="overflow: hidden;">
    <el-row type="flex" justify="center" style="margin-top: 25px;">
        <el-col :span="15">
            <el-row :gutter="20">
                <el-col >
                    <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-top: 20px;">
                        <el-breadcrumb-item :to="{ path: '/' }"  @click.native="gobackmain()">首页</el-breadcrumb-item>
                        <el-breadcrumb-item :to="{ path: '/' }" >行政处罚行为</el-breadcrumb-item>
                    </el-breadcrumb>
                    <div class="search-tab">
                        <el-tabs v-model="Title" >
                            <el-form :model="selectForm" :rules="rules" ref="selectForm" label-width="130px" style="margin-top: 10px;">
                                <el-row>
                                    <el-col :span="10">
                                        <el-form-item label="监管事项目录编码:" prop="" label-width="130px">
                                            <el-input v-model="selectForm.superviseItemCode" placeholder="" ></el-input>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="处罚行为名称:" prop="" label-width="130px">
                                            <el-input v-model="selectForm.punishActionName" placeholder="" ></el-input>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="10">
                                        <el-form-item label="案件来源:" prop="" label-width="130px">
                                            <el-select v-model="selectForm.caseSource"  style="width:100%;">
                                                <el-option
                                                        v-for="item in caseSourceData"
                                                        :key="item.appId"
                                                        :label="item.dictName"
                                                        :value="item.dictName">
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="处罚种类:" prop="" label-width="130px">
                                            <el-select v-model="selectForm.punishType"  style="width:100%;">
                                                <el-option
                                                        v-for="item in punishTypeData"
                                                        :key="item.appId"
                                                        :label="item.dictName"
                                                        :value="item.dictName">
                                                </el-option>
                                            </el-select>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <div style="float: right;">
                                        <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="searchForm()">查询</el-button>
                                        <el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetForm()">重置</el-button>
                                    </div>
                                </el-row>
                            </el-form>
                            <el-table :data="tableData"  max-height="850" :ref = "multipleTable" @selection-change="handleSelectionChange" border style="width: 100%; margin-top: 10px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                                <el-table-column type="selection" ></el-table-column>
                                <el-table-column
                                        type="index"
                                        label="序号"
                                        width="50"
                                        align="center">
                                </el-table-column>
                                <el-table-column
                                        prop="recordUniqueIdentity"
                                        label="记录唯一标识"
                                        width="150"
                                        align="center" >
                                </el-table-column>
                                <el-table-column
                                        prop="superviseItemCode"
                                        label="监管事项目录编码"
                                        width="140"
                                        align="center" >
                                </el-table-column>
                                <el-table-column
                                        prop="punishActionName"
                                        label="处罚行为名称"
                                        width="160"
                                        align="center">
                                </el-table-column>
                                <el-table-column
                                        prop="punishActionCode"
                                        label="处罚行为编号"
                                        width="150"
                                        align="center">
                                </el-table-column>
                                <el-table-column
                                        prop="implementInstitution"
                                        label="实施机构"
                                        width="110"
                                        align="center">
                                </el-table-column>
                                <el-table-column label="操作" align="center" width="">
                                    <template slot-scope="scope" fixed="right">
                                        <el-button class="look" size="mini" @click="checkContent(scope.$index,scope.row)">查看</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                            <div style="overflow: hidden;" justify="center">
                                <div class="pagination">
                                    <el-pagination
                                            @size-change="handleSizeChange"
                                            @current-change="handleCurrentChange"
                                            :current-page="currentPage"
                                            :page-sizes="[10, 20, 30, 40]"
                                            :page-size="pagesize"
                                            background
                                            layout="total, sizes,prev, pager, next"
                                            :total="tableTotal"
                                            prev-text="上一页"
                                            next-text="下一页">
                                    </el-pagination>
                                    <el-button type="primary" size="mini" @click="appovalExByIds()" style="margin-left:20px;float: right;">导出</el-button>
                                    <el-button type="primary" size="mini" @click="appovalEx()" style="float: right;">批量导出</el-button>
                                </div>
                            </div>
                            <el-dialog title="" :visible.sync="dialogForm" center fullscreen >
                                <el-row type="flex" justify="center" style="margin-top: 15px;">
                                    <el-col :span="15">
                                        <el-form :model="jgxwpunish" :rules="rules" ref="jgxwpunish" label-width="200px" class="form_date_width">
                                            <!--行政处罚行为监管信息表-->
                                            <el-row>
                                                <el-col :span="4" class="tab-title">
                                                    行政处罚行为监管信息表
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="监管事项目录编码:" prop="superviseItemCode">
                                                        <el-input v-model="jgxwpunish.superviseItemCode" placeholder="" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="记录唯一标识:" prop="recordUniqueIdentity">
                                                        <el-input v-model="jgxwpunish.recordUniqueIdentity" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>

                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="处罚行为名称:" prop="punishActionName">
                                                        <el-input v-model="jgxwpunish.punishActionName" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col span="12">
                                                    <el-form-item label="处罚行为编号:" prop="punishActionCode">
                                                        <el-input v-model="jgxwpunish.punishActionCode" placeholder="" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="实施机构:" prop="implementInstitution" >
                                                        <el-input v-model="jgxwpunish.implementInstitution" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="实施机构编码:" prop="implementInstitutionCode">
                                                        <el-input v-model="jgxwpunish.implementInstitutionCode" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="受委托部门:" prop="entrustDept">
                                                        <el-input v-model="jgxwpunish.entrustDept" placeholder="" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="受委托部门编码:" prop="entrustDeptCode">
                                                        <el-input v-model="jgxwpunish.entrustDeptCode" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="监管对象:" prop="superviseObject">
                                                        <el-tooltip class="item" effect="dark" content="1、企业、个体户、农专社，填写为企业统一社会信用代码；
																				2、自然人时，填写身份证号；
																				3、特种设备时，填写生产企业统一社会信用代码#产品品牌#出厂日期
																				4、为特定产品（食品）时，填写生产企业统一社会信用代码#生产批号
																				5、为特定产品（三种特殊食品）时，填写生产企业统一社会信用代码#生产批号
																				6、特定产品为药品时，填写生产企业统一社会信用代码#生产许可证编号#生产批号
																				7、特定产品为化妆品时，填写生产企业统一社会信用代码#生产许可证编号#生产批号
																				8、特定产品为医疗器械时，填写生产企业统一社会信用代码#注册证编号#生产批号
																				9、为场地场所时，填写场地场所名称#所在地区" placement="top-start">
                                                            <el-input v-model="jgxwpunish.superviseObject" placeholder="" disabled></el-input>
                                                        </el-tooltip>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="案件来源:" prop="caseSource" >
                                                        <el-select v-model="jgxwpunish.caseSource" disabled>
                                                            <el-option
                                                                    v-for="item in caseSourceData"
                                                                    :key="item.appId"
                                                                    :label="item.dictName"
                                                                    :value="item.dictName">
                                                            </el-option>
                                                        </el-select>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="检查行为编号:" prop="checkActionCode">
                                                        <el-input v-model="jgxwpunish.checkActionCode" placeholder="" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="行政区划代码:" prop="areaNumber">
                                                        <el-input v-model="jgxwpunish.areaNumber" placeholder="" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="行政相对人（单位/个人）:" prop="administrativeCp">
                                                        <el-input v-model="jgxwpunish.administrativeCp" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="行政相对人性质:" prop="administrativeCpNa">
                                                        <el-select v-model="jgxwpunish.administrativeCpNa" placeholder="请选择行政相对人性质" disabled style="width: 100%;">
                                                            <el-option
                                                                    v-for="item in cpNaData"
                                                                    :key="item.appId"
                                                                    :label="item.dictName"
                                                                    :value="item.dictName">
                                                            </el-option>
                                                        </el-select>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="行政相对人证件类型:" prop="administrativeCpCeType">
                                                        <el-select v-model="jgxwpunish.administrativeCpCeType" placeholder="请选择行政相对人证件类型" disabled style="width: 100%;">
                                                            <el-option
                                                                    v-for="item in cpCeTypeData"
                                                                    :key="item.appId"
                                                                    :label="item.dictName"
                                                                    :value="item.dictName">
                                                            </el-option>
                                                        </el-select>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="行政相对人(单位/个人)编码:" prop="administrativeCpUiCode" >
                                                        <el-input v-model="jgxwpunish.administrativeCpUiCode" placeholder="" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="注册地址:"  prop="addressRegistered">
                                                        <el-input v-model="jgxwpunish.addressRegistered" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="经营地址:"  prop="addressOperating">
                                                        <el-input v-model="jgxwpunish.addressOperating" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>

                                                <el-col :span="12">
                                                    <el-form-item label="违法事实:" prop="illegalFact" >
                                                        <el-input v-model="jgxwpunish.illegalFact" placeholder="" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="处罚依据:" prop="punishAccord">
                                                        <el-input v-model="jgxwpunish.punishAccord" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="处罚程序:" prop="punishProcedure">
                                                        <el-select v-model="jgxwpunish.punishProcedure" disabled>
                                                            <el-option label="简易程序" value="0"></el-option>
                                                            <el-option label="一般程序" value="1"></el-option>
                                                        </el-select>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="处罚立案时间:" prop="filingDate">
                                                        <el-date-picker
                                                                v-model="jgxwpunish.filingDate"
                                                                type="date"
                                                                value-format="yyyy-MM-dd"
                                                                placeholder="选择处罚立案时间"
                                                                disabled>
                                                        </el-date-picker>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="是否听证:" prop="ifHearingWitnesses">
                                                        <el-radio-group v-model="jgxwpunish.ifHearingWitnesses" disabled>
                                                            <el-radio label="0">是</el-radio>
                                                            <el-radio label="1">否</el-radio>
                                                        </el-radio-group>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="是否涉刑案件:" prop="caseInvolvingPunishment">
                                                        <el-radio-group v-model="jgxwpunish.caseInvolvingPunishment" disabled>
                                                            <el-radio label="0">是</el-radio>
                                                            <el-radio label="1">否</el-radio>
                                                        </el-radio-group>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="是否重大案件:" prop="majorCase">
                                                        <el-radio-group v-model="jgxwpunish.majorCase" disabled>
                                                            <el-radio label="0">是</el-radio>
                                                            <el-radio label="1">否</el-radio>
                                                        </el-radio-group>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="是否法制审定:" prop="legalReview">
                                                        <el-radio-group v-model="jgxwpunish.legalReview" disabled>
                                                            <el-radio label="0">是</el-radio>
                                                            <el-radio label="1">否</el-radio>
                                                        </el-radio-group>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="法制审定日期:" prop="legalReviewDate">
                                                        <el-date-picker
                                                                v-model="jgxwpunish.legalReviewDate"
                                                                type="date"
                                                                value-format="yyyy-MM-dd"
                                                                placeholder="选择法制审定日期"
                                                                disabled>
                                                        </el-date-picker>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="法制审定意见:" prop="legalReviewOpinions">
                                                        <el-input v-model="jgxwpunish.legalReviewOpinions" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="是否集体讨论:" prop="discussCollectively">
                                                        <el-radio-group v-model="jgxwpunish.discussCollectively" disabled>
                                                            <el-radio label="0">是</el-radio>
                                                            <el-radio label="1">否</el-radio>
                                                        </el-radio-group>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="集体讨论日期:" prop="groupDiscussionDate">
                                                        <el-date-picker
                                                                v-model="jgxwpunish.groupDiscussionDate"
                                                                type="date"
                                                                value-format="yyyy-MM-dd"
                                                                placeholder="选择集体讨论日期"
                                                                disabled>
                                                        </el-date-picker>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="集体讨论结论:" prop="groupDiscussion">
                                                        <el-input v-model="jgxwpunish.groupDiscussion" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="处罚文书号:" prop="punishDocumentCode">
                                                        <el-input v-model="jgxwpunish.punishDocumentCode" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="作出行政处罚决定日期:" prop="setDate">
                                                        <el-date-picker
                                                                v-model="jgxwpunish.setDate"
                                                                type="date"
                                                                value-format="yyyy-MM-dd"
                                                                placeholder="选择作出行政处罚决定日期"
                                                                disabled>
                                                        </el-date-picker>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="处罚种类:" prop="punishType">
                                                        <el-select v-model="jgxwpunish.punishType" disabled style="width: 100%;">
                                                            <el-option
                                                                    v-for="item in punishTypeData"
                                                                    :key="item.appId"
                                                                    :label="item.dictName"
                                                                    :value="item.dictName">
                                                            </el-option>
                                                        </el-select>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="罚款金额:" prop="fine">
                                                        <el-input v-model="jgxwpunish.fine" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="处罚结果:" prop="penaltyResult">
                                                        <el-input v-model="jgxwpunish.penaltyResult" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="行政复议:" prop="administrativeReconsider">
                                                        <el-select v-model="jgxwpunish.administrativeReconsider" placeholder="请选择行政复议" disabled style="width: 100%;">
                                                            <el-option
                                                                    v-for="item in reconsiderData"
                                                                    :key="item.appId"
                                                                    :label="item.dictName"
                                                                    :value="item.dictName">
                                                            </el-option>
                                                        </el-select>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="行政诉讼:" prop="administrativeAction">
                                                        <el-select v-model="jgxwpunish.administrativeAction" placeholder="请选择行政诉讼" disabled style="width: 100%;">
                                                            <el-option
                                                                    v-for="item in actionData"
                                                                    :key="item.appId"
                                                                    :label="item.dictName"
                                                                    :value="item.dictName">
                                                            </el-option>
                                                        </el-select>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="申请行政复议政府名称:" prop="applyAdministrativeReconsiderGovernment">
                                                        <el-input v-model="jgxwpunish.applyAdministrativeReconsiderGovernment" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="申请行政复议部门名称:" prop="applyAdministrativeReconsiderDept">
                                                        <el-input v-model="jgxwpunish.applyAdministrativeReconsiderDept" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="行政诉讼法院名称:" prop="administrativeActionCourt">
                                                        <el-input v-model="jgxwpunish.administrativeActionCourt" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="结案情况—执行方式:" prop="casesClosedExecutionWay">
                                                        <el-input v-model="jgxwpunish.casesClosedExecutionWay" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>

                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="结案情况—执行结果:" prop="casesClosedExecutionResult">
                                                        <el-input v-model="jgxwpunish.casesClosedExecutionResult" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="结案实缴罚款金额:" prop="casesClosedFine">
                                                        <el-input v-model="jgxwpunish.casesClosedFine" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>

                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="结案情况—不予行政处罚:" prop="casesClosedExecution">
                                                        <el-radio-group v-model="jgxwpunish.casesClosedExecution" disabled>
                                                            <el-radio label="0">是</el-radio>
                                                            <el-radio label="1">否</el-radio>
                                                        </el-radio-group>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="结案情况—结案日期:" prop="administrativePenalties">
                                                        <el-date-picker
                                                                v-model="jgxwpunish.administrativePenalties"
                                                                type="date"
                                                                value-format="yyyy-MM-dd"
                                                                placeholder="请选择结案情况—结案日期"
                                                                disabled>
                                                        </el-date-picker>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="其他处理情况:" prop="otherDisposals">
                                                        <el-input v-model="jgxwpunish.otherDisposals" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="移送时间:" prop="deportationDate">
                                                        <el-date-picker
                                                                v-model="jgxwpunish.deportationDate"
                                                                type="date"
                                                                value-format="yyyy-MM-dd"
                                                                placeholder="请选择移送时间"
                                                                disabled>
                                                        </el-date-picker>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="报送时间:" prop="submittedDate">
                                                        <el-date-picker
                                                                v-model="jgxwpunish.submittedDate"
                                                                type="date"
                                                                value-format="yyyy-MM-dd"
                                                                placeholder="选择报送时间"
                                                                disabled>
                                                        </el-date-picker>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="报送人员:" prop="submittedPersonnel">
                                                        <el-input v-model="jgxwpunish.submittedPersonnel" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="插入时间:" prop="insertTime">
                                                        <el-date-picker
                                                                v-model="jgxwpunish.insertTime"
                                                                type="date"
                                                                value-format="yyyy-MM-dd"
                                                                placeholder="选择插入时间"
                                                                disabled>
                                                        </el-date-picker>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="来源:" prop="source">
                                                        <el-input v-model="jgxwpunish.source" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="批次号:" prop="batchNumber">
                                                        <el-input v-model="jgxwpunish.batchNumber" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-form-item label="同步类型:" prop="synchronousType">
                                                        <el-input v-model="jgxwpunish.synchronousType" disabled></el-input>
                                                    </el-form-item>
                                                </el-col>

                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-form-item label="数据来源:" prop="dataSource">
                                                        <el-tooltip class="item" effect="dark" content="数据来源由三位数字组成。其中，第1位填写：0或者1，0代表应急管理部部本级，1代表地方。当第1位填写0时，第2、3位填写“部本级业务系统”代码集中对应的代码；当第1位填写1时，第2、3位填写“行政区划代码”代码集中对应的代码。" placement="top-start">
                                                            <el-input v-model="jgxwpunish.dataSource" disabled></el-input>
                                                        </el-tooltip>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>

                                            <el-row>
                                                <el-col :span="22">
                                                    <div style="float:right;">
                                                        <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogForm = false;clearForm()">取消</el-button>
                                                    </div>
                                                </el-col>
                                            </el-row>
                                        </el-form>
                                    </el-col>
                                </el-row>
                            </el-dialog>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                </el-col>
            </el-row>
        </el-col>
    </el-row>
</div>
</body>
<script>
    var firstpage = new Vue({
        el: '#firstpage',
        data() {
            return {
                dialogForm: false,
                currentPage: 1, //默认显示页面为1
                pagesize: 10, // 每页的数据条数
                tableTotal:'',
                provinceData: [],
                cityData:[],
                areaData: [],
                // 案件来源数组
                caseSourceData: [],
                // 行政相对人性质数组
                cpNaData : [],
                // 行政相对人证件类型数组
                cpCeTypeData : [],
                // 处罚种类
                punishTypeData : [],
                // 行政复议
                reconsiderData : [],
                // 行政诉讼
                actionData : [],
                jgxwpunish: {
                    id: '',// 表单id
                    superviseItemCode: '',
                    recordUniqueIdentity: '',
                    punishActionName: '',
                    punishActionCode: '',
                    implementInstitution: '',
                    implementInstitutionCode: '',
                    entrustDept: '',
                    entrustDeptCode: '',
                    superviseObject: '',
                    caseSource: '',
                    checkActionCode: '',
                    administrativeCp: '',
                    administrativeCpNa: '',
                    administrativeCpCeType: '',
                    administrativeCpUiCode: '',
                    addressRegistered: '',
                    addressOperating: '',
                    areaNumber: '',
                    illegalFact: '',
                    punishAccord: '',
                    punishProcedure : '',
                    ifHearingWitnesses : '',
                    filingDate : '',
                    caseInvolvingPunishment : '',
                    majorCase : '',
                    legalReview : '',
                    legalReviewDate : '',
                    legalReviewOpinions : '',
                    discussCollectively : '',
                    groupDiscussionDate : '',
                    groupDiscussion : '',
                    punishDocumentCode : '',
                    setDate : '',
                    punishType : '',
                    fine : '',
                    penaltyResult : '',
                    administrativeReconsider : '',
                    administrativeAction : '',
                    applyAdministrativeReconsiderGovernment : '',
                    applyAdministrativeReconsiderDept : '',
                    administrativeActionCourt : '',
                    casesClosedExecutionWay : '',
                    casesClosedExecutionResult : '',
                    casesClosedFine : '',
                    casesClosedExecution : '',
                    administrativePenalties : '',
                    otherDisposals : '',
                    deportationDate : '',
                    submittedDate: '',
                    submittedPersonnel: '',
                    insertTime: '',
                    source: '',
                    batchNumber: '',
                    synchronousType: '',
                    dataSource: ''

                },
                selectForm: {
                    superviseItemCode : '',
                    punishActionName:'',
                    caseSource : '',
                    punishType:''
                },
                currentRow: null,
                tableData: [],
                showOnSubmit: true,
                showOnReplace: false,
                ids:'',
                multipleSelection: []
            }
        },
        created(){
            /*处罚类型 */
            /* 处罚类型加载数据 */
            axios.post('/dzjportal/dict/getdict/d_punishType').then(res => {
                this.punishTypeData = res.data.data.result;
            }).catch(e => {
                    this.$message.error("网络连接超时");
            })

            /* 案件来源 */
            axios.post('/dzjportal/dict/getdict/d_caseSource').then(res => {
                this.caseSourceData = res.data.data.result;
            }).catch(e => {
                    this.$message.error("网络连接超时");
            })
        },
        mounted(){
            this.getData();
        },
        methods: {
            getData() {
                axios({
                    method: 'get',
                    url: '/dzjportal/getPunish/getAllPage',
                    params: {
                        pageSize: this.pagesize,
                        pageNo: this.currentPage
                    }
                })
                    .then(response => {
                    let data = response.data;
                if (data.code == 200) {
                    let dataInformation = data.data.results;
                    this.tableTotal = data.data.total;// 数据长度
                    this.tableData = dataInformation;
                } else {
                    this.$message.error(data.msg);
                }
            })
            .catch(function (error) {
                    console.log(error);
                });
            },
            /* 列表页搜索 */
            searchForm() {
                axios({
                    method: 'get',
                    url: '/dzjportal/getPunish/getAllPage',
                    params: {
                        pageSize: this.pagesize,
                        pageNo: this.currentPage,
                        superviseItemCode :this.selectForm.superviseItemCode.trim(),
                        punishActionName : this.selectForm.punishActionName.trim(),
                        caseSource : this.selectForm.caseSource.trim(),
                        punishType:this.selectForm.punishType,
                    }
                })
                    .then(response => {
                    let data = response.data;
                if (data.code == 200) {
                    let dataInformation = data.data.results;
                    this.tableTotal = data.data.total;// 数据长度
                    this.tableData = dataInformation;
                } else {
                    this.$message.error(data.msg);
                }
            })
            .catch(function (error) {
                    console.log(error);
                });
            },
            // 查看
            checkContent(index,row){
                this.dialogForm = true;
                this.showInformation(index,row);
            },
            gobackmain(){
                parent.mainwork.backIndex();
            },
            clearForm(){
                this.jgxwpunish.id = '';
                this.jgxwpunish.superviseItemCode = '';
                this.jgxwpunish.recordUniqueIdentity = '';
                this.jgxwpunish.punishActionName = '';
                this.jgxwpunish.punishActionCode = '';
                this.jgxwpunish.checkActionCode = '';
                this.jgxwpunish.superviseObject = '';
                this.jgxwpunish.caseSource = '';
                this.jgxwpunish.implementInstitution = '';
                this.jgxwpunish.implementInstitutionCode = '';
                this.jgxwpunish.entrustDept = '';
                this.jgxwpunish.entrustDeptCode = '';
                this.jgxwpunish.administrativeCp = '';
                this.jgxwpunish.administrativeCpNa = '';
                this.jgxwpunish.administrativeCpCeType = '';
                this.jgxwpunish.administrativeCpUiCode = '';
                this.jgxwpunish.addressRegistered = '';
                this.jgxwpunish.addressOperating = '';
                this.jgxwpunish.areaNumber = '';
                this.jgxwpunish.illegalFact = '';
                this.jgxwpunish.punishAccord = '';
                this.jgxwpunish.punishProcedure = '';
                this.jgxwpunish.ifHearingWitnesses = '0';
                this.jgxwpunish.filingDate = '';
                this.jgxwpunish.caseInvolvingPunishment = '0';
                this.jgxwpunish.majorCase = '0';
                this.jgxwpunish.legalReview = '0';
                this.jgxwpunish.legalReviewDate = '';
                this.jgxwpunish.legalReviewOpinions = '';
                this.jgxwpunish.discussCollectively = '0';
                this.jgxwpunish.groupDiscussionDate = '';
                this.jgxwpunish.groupDiscussion = '';
                this.jgxwpunish.punishDocumentCode = '';
                this.jgxwpunish.setDate = '';
                this.jgxwpunish.punishType = '';
                this.jgxwpunish.fine = '';
                this.jgxwpunish.penaltyResult = '';
                this.jgxwpunish.administrativeReconsider = '';
                this.jgxwpunish.administrativeAction = '';
                this.jgxwpunish.applyAdministrativeReconsiderGovernment = '';
                this.jgxwpunish.applyAdministrativeReconsiderDept = '';
                this.jgxwpunish.administrativeActionCourt = '';
                this.jgxwpunish.casesClosedExecutionWay = '';
                this.jgxwpunish.casesClosedExecutionResult = '';
                this.jgxwpunish.casesClosedFine = '';
                this.jgxwpunish.casesClosedExecution = '0';
                this.jgxwpunish.administrativePenalties = '';
                this.jgxwpunish.otherDisposals = '';
                this.jgxwpunish.deportationDate = '';
                this.jgxwpunish.submittedDate = '';
                this.jgxwpunish.submittedPersonnel = '';
                this.jgxwpunish.insertTime = '';
                this.jgxwpunish.source = '';
                this.jgxwpunish.batchNumber = '';
                this.jgxwpunish.synchronousType = '';
                this.jgxwpunish.dataSource = '';

            },
            /* 列表页重置 */
            resetForm() {
                this.selectForm.currentPage = 1; //默认显示页面为1
                this.selectForm.pagesize = 10; // 每页的数据条数
                this.selectForm.superviseItemCode='',
                this.selectForm.punishActionName='',
                this.selectForm.caseSource='',
                this.selectForm.punishType='',
                this.getData()
            },
            /* 单选搜索表单 */
            selectCurrentChange(val){
                this.currentRow = val;
            },
            //每页下拉显示数据
            handleSizeChange(size) {
                this.pagesize = size;
                this.getData();
            },
            //点击第几页
            handleCurrentChange(currentPage) {
                this.currentPage = currentPage;
                this.getData();
            },
            // 公共方法--查看
            showInformation(index,row){
                axios({
                    method: 'get',
                    url: '/dzjportal/getPunish/findById',
                    params:{
                        id: row.id
                    }
                })
                    .then(response => {
                if (response.data.code == 200) {
                    debugger;
                    this.jgxwpunish = response.data.data.data;
                } else {
                    this.$message.error(data.msg);
                }
            }).catch(function (error) {
                    console.log(error);
                });
            },
            //批量导出
            appovalEx(){
                this.$confirm('确定要批量导出吗?', '提示', {
                    cancelButtonText: '取消',
                    confirmButtonText: '确定',
                    type: 'warning'
                }).then(() => {
                    window.location.href="/dzjportal/getPunish/exportAll?superviseItemCode="+this.selectForm.superviseItemCode+"&punishActionName="
                    +this.selectForm.punishActionName+"&caseSource="
                    +this.selectForm.caseSource+"&punishType="
                    +this.selectForm.punishType;
            }).catch(() => {
                    this.$message({
                    type: 'info',
                    message: '取消导出'
                });
            });
            },
            handleSelectionChange(val) {
                //val 为选中数据的集合
                this.multipleSelection = val;
            },
            //导出
            appovalExByIds(){
                debugger;
                if(this.multipleSelection.length >0){
                    this.ids = this.multipleSelection.map(function(multipleSelection,index){
                        return multipleSelection.id;
                    }).join(",");
                    this.$confirm('确定要导出所选数据吗?', '提示', {
                        cancelButtonText: '取消',
                        confirmButtonText: '确定',
                        type: 'warning'
                    }).then(() => {
                        window.location.href="/dzjportal/getPunish/exportByIds?ids="+this.ids
                }).catch(() => {
                        this.$message({
                        type: 'info',
                        message: '取消导出'
                    });
                });
                }else {
                    this.$message('请选择要导出的数据！');
                }


            }
        }
    })
</script>
</html>